<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../styles/header.css">
    <link rel="stylesheet" href="../styles/normalize.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/login.css">
    <link rel="stylesheet" href="../styles/shoppingcart.css">
</head>

<body>
    <!-- header -->
    <div class="header">

        <div class="header1">
            <div class="header1BG box1200">
                <p>欢迎光临乐购,&nbsp;请&nbsp;<a href="../HTML/login.html">登录</a>/<a href="../HTML/register.html">注册</a></p>
            </div>
        </div>
        <div class="header2 box1200">
            <img src="../images/img/tpLogo.gif" alt="" srcset="">
            <p id="loginBtn">购物车 </p>
            <a id="gouwuche" href="../HTML/homePage.html"></a>
            <div class="fromparent">
                <form action="#" id="From">
                    <input type="text" placeholder="创意文具">
                    <input type="submit" value="">
                </form>
            </div>
        </div>
        <div class="search b1200">


            <div class="site">
                配送至 <select name="" id="">
            <option value="" selected="selected">成都高新区三环内</option>
            <option value="">成都青羊区</option>
    
                </select>
            </div>
        </div>
        <!-- 购物车 -->
        <!-- 购物车主要核心区域 -->
        <div class="cart-warp">
            <!-- 头部全选模块 -->
            <div class="cart-thead">
                <div class="t-checkbox">
                    <input type="checkbox" name="" id="" class="checkall"> 全选
                </div>
                <div class="t-goods">商品</div>
                <div class="t-price">单价</div>
                <div class="t-num">数量</div>
                <div class="t-sum">小计</div>
                <div class="t-action">操作</div>
            </div>
            <!-- 商品详细模块 -->
            <div class="cart-item-list">
                <div class="cart-item check-cart-item">
                    <div class="p-checkbox">
                        <input type="checkbox" name="" id="" checked class="j-checkbox">
                    </div>
                    <div class="p-goods">
                        <div class="p-img">
                            <img src="../images/images/demo-rank1.jpg" alt="">
                        </div>
                        <div class="p-msg">【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲</div>
                    </div>
                    <div class="p-price">￥12.60</div>
                    <div class="p-num">
                        <div class="quantity-form">
                            <a href="javascript:;" class="decrement">-</a>
                            <input type="text" class="itxt" value="1">
                            <a href="javascript:;" class="increment">+</a>
                        </div>
                    </div>
                    <div class="p-sum">￥12.60</div>
                    <div class="p-action"><a href="javascript:;">删除</a></div>
                </div>
                <div class="cart-item">
                    <div class="p-checkbox">
                        <input type="checkbox" name="" id="" class="j-checkbox">
                    </div>
                    <div class="p-goods">
                        <div class="p-img">
                            <img src="../images/images/demo-ebook-tab3.jpg" alt="">
                        </div>
                        <div class="p-msg">【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 贴纸儿童 汽</div>
                    </div>
                    <div class="p-price">￥24.80</div>
                    <div class="p-num">
                        <div class="quantity-form">
                            <a href="javascript:;" class="decrement">-</a>
                            <input type="text" class="itxt" value="1">
                            <a href="javascript:;" class="increment">+</a>
                        </div>
                    </div>
                    <div class="p-sum">￥24.80</div>
                    <div class="p-action"><a href="javascript:;">删除</a></div>
                </div>
                <div class="cart-item">
                    <div class="p-checkbox">
                        <input type="checkbox" name="" id="" class="j-checkbox">
                    </div>
                    <div class="p-goods">
                        <div class="p-img">
                            <img src="../images/images/demo-ebooktab2.jpg" alt="">
                        </div>
                        <div class="p-msg">唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 小学生二三年级课外阅读书籍</div>
                    </div>
                    <div class="p-price">￥29.80</div>
                    <div class="p-num">
                        <div class="quantity-form">
                            <a href="javascript:;" class="decrement">-</a>
                            <input type="text" class="itxt" value="1">
                            <a href="javascript:;" class="increment">+</a>
                        </div>
                    </div>
                    <div class="p-sum">￥29.80</div>
                    <div class="p-action"><a href="javascript:;">删除</a></div>
                </div>
            </div>

            <!-- 结算模块 -->
            <div class="cart-floatbar">
                <div class="select-all">
                    <input type="checkbox" name="" id="" class="checkall">全选
                </div>
                <div class="operation">
                    <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
                    <a href="javascript:;" class="clear-all">清理购物车</a>
                </div>
                <div class="toolbar-right">
                    <div class="amount-sum">已经选<em>1</em>件商品</div>
                    <div class="price-sum">总价： <em>￥12.60</em></div>
                    <div class="btn-area">去结算</div>
                </div>
            </div>
            <!-- 购物车 end -->
        </div>
        <!-- header end-->
        <!-- footer -->

        <div id="footer">

            <div class="footer1"></div>
            <div>
                <div class="footer2">

                    <div id="footerBG" class="box1200">
                        <div class="footer2-content">
                            <img src="../images/images/222_11.png" alt="" srcset="">
                            <img src="../images/images/222_13.png" alt="" srcset="">
                            <img src="../images/images/222_15.png" alt="" srcset="">
                            <img src="../images/images/222_17.png" alt="" srcset="">

                        </div>
                    </div>

                </div>
            </div>
            <div class="footer3 box1200">
                <div class="footer3BG"></div>
                <div class="footer3-content">
                    <div class="footer3-1 flex">
                        <p>购物指南</p>
                        <a href="javascript:;">购物流程</a>
                        <a href="javascript:;">发票制度</a>
                        <a href="javascript:;">账户管理</a>
                        <a href="javascript:;">会员优惠</a>
                    </div>
                    <div class="footer3-2 flex">
                        <p>支付方式</p>
                        <a href="javascript:;">货到付款</a>
                        <a href="javascript:;">网上支付</a>
                        <a href="javascript:;">礼品卡支付</a>
                        <a href="javascript:;">银行转帐</a>
                    </div>
                    <div class="footer3-3 flex">
                        <p>订单服务</p>
                        <a href="javascript:;">订单配送查询</a>
                        <a href="javascript:;">订单状态说明</a>
                        <a href="javascript:;">自助取消订单</a>
                        <a href="javascript:;">自助修改订单</a>
                    </div>
                    <div class="footer3-4 flex">
                        <p> 退换货</p>
                        <a href="javascript:;">退换货政策</a>
                        <a href="javascript:;">自助申请退换货</a>
                        <a href="javascript:;">退换货进度查询</a>
                        <a href="javascript:;">退款方式和时间</a>
                    </div>
                    <div class="footer3-5 flex">
                        <p> 商家服务</p>
                        <a href="javascript:;">商家中心</a>
                        <a href="javascript:;">运营服务</a>
                        <a href="javascript:;">加入尾品汇</a>
                        <a href="javascripy:;">&nbsp;</a>
                    </div>
                </div>
            </div>
            <div class="footer4 box1200">
                <p>
                    <a href="javascript:;"> 公司简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">Investor Relations</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">网站联盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">乐购招商</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">机构销售</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">手机乐购</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">官方Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                    <a href="javascript:;">热词搜索</a>
                </p>
            </div>
            <div class="footer5 box1200">
                <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
            </div>
        </div>
        <!-- footer end -->
</body>
<script src="../jquery/jquery-1.12.4.js"></script>
<script src="../scripts/login.js"></script>
<script src="../scripts/shoppingcart.js"></script>

</html>